{template 'header'}
<link rel="stylesheet" href="../addons/mx_shop/resources/cgc/css/member/coupon.css">


<body>
<!--头部-->
<header class="mui-bar mui-bar-nav" style="background: #72adf5;box-shadow:none">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: white;"></a>
    <h1 class="mui-title" style="color: white;">我的优惠卷</h1>
</header>
<!--导航栏-->
<div class="web">
    <ul>
        <li>全部</li>
        <li>未使用</li>
        <li>已使用</li>
        <li>已过期</li>
        <li class="icon"><span class="iconfont icon-caidan"></li>
    </ul>
    <!--滑出的内容弹框-->
    <div class="rightSlide">
        <p>所有优惠卷</p>
        <p>免单卷</p>
        <p>减免卷</p>
        <p>折扣卷</p>
        <p>套餐卷</p>
    </div>
    <!--全局阴影部分-->
    <div class="mask" id="mask"> </div>
    <!--选项卡内容-->
    <div>
        <!--全部-->
        <div class="entire">
            <div class="rollOne bgImgOne">
                <div class="left">
                    <span>可免费体验一次威伐光</span>
                    <span>(仅限**威伐光门店使用)</span>
                    <span>2017.12.15-2017.12.20</span>
                </div>
                <div class="right fontOne">
                    <span>免单券</span>
                    <span>威伐光免费体验券</span>
                    <div class="rightBtn btnImgOne">
                        <span>立即使用</span>
                    </div>
                </div>
            </div>
            <div class="rollOne bgImgTwo">
                <div class="left">
                    <span>可免费体验一次威伐光</span>
                    <span>(仅限**威伐光门店使用)</span>
                    <span>2017.12.15-2017.12.20</span>
                </div>
                <div class="right fontTwo">
                    <span>免单券</span>
                    <span>威伐光免费体验券</span>
                    <div class="rightBtn btnImgTwo">
                        <span>立即使用</span>
                    </div>
                </div>
            </div>
            <div class="rollOne bgImgThree">
                <div class="left">
                    <span>可免费体验一次威伐光</span>
                    <span>(仅限**威伐光门店使用)</span>
                    <span>2017.12.15-2017.12.20</span>
                </div>
                <div class="right fontThree">
                    <span>免单券</span>
                    <span>威伐光免费体验券</span>
                    <div class="rightBtn btnImgThree">
                        <span>立即使用</span>
                    </div>
                </div>
            </div>
            <div class="rollOne bgImgFour">
                <div class="left">
                    <span>可免费体验一次威伐光</span>
                    <span>(仅限**威伐光门店使用)</span>
                    <span>2017.12.15-2017.12.20</span>
                </div>
                <div class="right fontFour">
                    <span>免单券</span>
                    <span>威伐光免费体验券</span>
                    <div class="rightBtn btnImgFour">
                        <span>立即使用</span>
                    </div>
                </div>
            </div>
            <div class="butBtn">
                <button>领卷中心</button>
                <button>体验消费</button>
            </div>
        </div>
        <!--已过期-->
        <div></div>

    </div>
</div>
</body>
<script type="text/javascript" src="../addons/mx_shop/resources/cgc/js/member/coupon.js"></script>
</html>